<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Blog</title>
    <link rel="stylesheet" href="/stylesheets/ionic.css">
    <link rel="stylesheet" href="/stylesheets/layer.css">
    <link rel="stylesheet" href="/stylesheets/style.css">
    <script src="/javascript/ionic.bundle.js"></script>
    <script src="/javascript/jquery.js"></script>
    <script src="/javascript/layer.js"></script>
</head>
<body>
<div class="bar bar-header bar-positive" style="width:600px;margin:0 auto;">
    <% if (user) { %>
    <a href="/touxiang" class="col-33"><img style="width:33px;height:33px;" src="/images/<%- user.name %>.jpg" ></a>
    <% }else{ %>

    <a class="button col-13" href="/touxiang">头像上传</a>
    <span class="col-offset-20"></span>
    <% } %>
    <span class="col-33 ">
        <form action="/search" method="GET">
            <i class="icon ion-search" style="position:relative;color:black;top:6px;left:10px;z-index:2;font-size:24px;"></i>
            <input class="search" type="text" name="keyword" placeholder="SEARCH" style="position:relative;top:-25px;"/>
        </form>
    </span>
    <% if (!user) { %>
    <div class="col-33 text-right" >
        <a class="button" title="登录" href="/login">登录</a>
        <a class="button" title="注册" href="/reg">注册</a>
    </div>
    <% }else{ %>
    <span class="col-33 text-right"><a class="button" title="退出" href="/logout" style="font-size:20px;color:white;text-decoration:none">退出</a></span>
    <% } %>
</div>


<!--<header>-->
    <!--<h1><%= title %></h1>-->
<!--</header>-->
<!--<nav>-->
    <!--&lt;!&ndash;如果用户登录了，那么应该显示发表和退出&ndash;&gt;-->
    <!--&lt;!&ndash;如果用户不登录，那么应该显示登录和注册&ndash;&gt;-->
    <!--<% if (user) { %>-->
    <!--<a href="/touxiang"><img style="width:50px;height:50px;border-radius: 50px;" src="/images/<%- user.name %>.jpg" ></a>-->
    <!--<% } %>-->
    <!--<span><a href="/">首页</a></span>-->
    <!--<span><a href="/archive">存档</a></span>-->
    <!--<span><a href="/tags">标签</a></span>-->
    <!--<% if (user) { %>-->
    <!--<span><a href="/touxiang">头像</a></span>-->
    <!--<span><a href="/upload">上传</a></span>-->
    <!--<span><a title="发表" href="/post">发表</a></span>-->
    <!--<span><a title="退出" href="/logout">退出</a></span>-->
    <!--<% }else{ %>-->
    <!--<span><a title="登录" href="/login">登录</a></span>-->
    <!--<span><a title="注册" href="/reg">注册</a></span>-->
    <!--<% } %>-->
    <!--<span><form action="/search" method="GET"><input type="text" name="keyword" placeholder="SEARCH" class="search" /></form></span>-->

<!--</nav>-->
<!--这里，应该有一个提示信息的功能，如果发生错误，那么我们就需要提示错误-->
<!--如果是正确的，这里需要一个提示正确的信息-->
<article>
<% if(success) { %>
    <% if(success) { %>
    <script>
        layer.msg('<%= success %>');
    </script>
    <% } if (error){ %>
    <script>
        layer.msg('<%= error %>');
    </script>
    <% } %>


<!--<div><%= success %></div>-->
<!--<% } if (error){ %>-->
<!--<div><%= error %></div>-->
<!--<% } %>-->